<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

	<canvas id="myCanvas" width="200" height="100"
	style="border:1px solid #000000;">
	</canvas>
	<script type="text/javascript">
		var c=document.getElementById("myCanvas");
		var ctx=c.getContext("2d");
		ctx.fillStyle="#FF0000";
		ctx.fillRect(0,0,150,75);
	</script>
	<audio controls>
	  <source src="https://www.runoob.com/try/demo_source/horse.mp3" type="audio/mpeg">
	</audio>
	<video width="320" height="240" controls autoplay>
	  <source src="https://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4">
	</video>
	
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
	  <polygon points="100,10 40,180 190,60 10,60 160,180"
	  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
	</svg>

</body>
</html>